// 定义懒加载插件
import { useIntersectionObserver } from '@vueuse/core'
export const lazyPlugin={
    install(app){
// 定义全局指令
app.directive('img-lazy', { mounted(el,binding) {
    // el:绑定的元素
    // binding:指令的参数 binding-value:指令等于号后面绑定的表达式的值 图片url
    // console.log(el,binding.value);
    const { stop } =useIntersectionObserver(
        el,
        ([{ isIntersecting }]) => {
            // console.log(isIntersecting);
          if(isIntersecting){
            // 图片懒加载
            el.src = binding.value
             // 成功加载后停止监听
            stop()
          }
        },
      )
 } })
    }
}